<template>
    <div >
        <Title :title="title"></Title>
        <Card class="div" :width="width">
            <img :src="base.coverImage" class="image">
            <div>
                <span class="time">{{base.baseName}}</span>
                <span class="content">{{base.baseFeatureName}}</span>
                <span class="address">{{base.belongAddress}}</span>
            </div>
        </Card>
    </div>
</template>

<script>
    import Card from "@/components/card/Card";
    import Title from "@/components/title/Title";
    import {post} from "../../../../request/AxiosMAX";
    export default {
        name: "Wait",
        components:{
            Card,
            Title
        },
        data(){
            return {
                width:{width: '800px'},
                base:{},
                title:"审核中"
            }
        },
        created() {
            //获得当前基地的信息
            post("/api/Studies_to_travel/base/getBaseById",{id:this.$store.state.base.id})
                .then(res=>{
                    //获得基地对象
                    if (res.code===0){
                        this.base = res.data;
                    }

            })
        }
    }
</script>

<style scoped>
    .time {
        font-size: 14px;
        font-weight: 600;
        color: rgba(80, 80, 80, 1);
        padding-top:20px;
        padding-bottom: 10px;
        text-align: center;
    }
    .content{
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: rgba(80, 80, 80, 1);
        margin-bottom: 10px;
    }

    .address{
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        border-top: rgba(229, 229, 229, 1) solid 1px;
    }
    .image {
        width: 100%;
        height:400px;
        display: block;
    }
    span{
        display: block;
    }
    .div{
       margin-left: 15%;
    }
</style>
